<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<%@include file="../../commons/meta.jsp"%>
<c:set var="baseUrl" value="${ctx}api/baokao-guide/" scope="request" />
<link rel="stylesheet" href="${ctx}assets/plugins/pure/pure-min.css" media="all" />
<script type="text/javascript" src="${ctx}assets/plugins/plupload/2.2.1/js/plupload.full.min.js"></script>
<script type="text/javascript" src="${ctx}assets/plugins/plupload/2.2.1/js/i18n/zh_CN.js"></script>
<style>
#previewBox {
    padding: 0 0px;
    color: #fff;
    background: #FFF;
}

#previewBox .title {
    margin: 15px 0 0 0;
    padding: 0 15px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}

#previewBox .time {
    margin: 5px 0 10px 0;
    padding: 0;
    color: #999;
    font-size: 12px;
    text-align: center;
}

table.MsoNormalTable {
    width: 100%;
}

#detailBox video {
    max-width: 100% !important;
    display: block !important;
}
</style>
</head>
<body class="previewBox">
    <div id="previewBox" class="previewBox">
        <h4 class="title" class="previewBox .title">${obj.title}</h4>
        <p class="time" id="createTime" class="previewBox .time"></p>
        <div id="detailBox" style="height: auto; padding: 0; text-align: center;">${obj.content}</div>
    </div>
    <script>
 function initData(){
     document.title = '${obj.title}';
     document.getElementById("createTime").append(getTimeYMDHMSStr(${obj.createTime}));
 }
 window.onload = initData();
</script>
</body>
</html>